<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://thymeleaf.org">

<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <meta name="generator"
          content="HTML Tidy for Linux/x86 (vers 1st November 2002), see www.w3.org"/>
    <title>JPetstore Manager</title>
    <meta content="text/html; charset=windows-1252"
          http-equiv="Content-Type"/>
    <meta http-equiv="Cache-Control" content="max-age=0"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT"/>
    <meta http-equiv="Pragma" content="no-cache"/>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
    <div class="container">
        <div class="navbar-brand">
            <a class="navbar-item" href="https://bulma.io">
                <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28">
            </a>

            <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
                <span aria-hidden="true"></span>
                <span aria-hidden="true"></span>
                <span aria-hidden="true"></span>
            </a>
        </div>

        <div id="navbarBasicExample" class="navbar-menu">
            <div class="navbar-start">
                <a class="navbar-item" th:href="@{/category/returnMain}" th:classappend="${#request.getRequestURI() == '/category' ? 'is-active' : ''}">
                    Home
                </a>

                <a class="navbar-item" th:href="@{/account/viewAccounts}" th:classappend="${current == 'account' ? 'is-active' : ''}">
                    Users
                </a>
<!--                <a href="" class="navbar-item" th:text="${current}"></a>-->
                <a href="" class="navbar-item" th:href="@{/category/getCategoryView}" th:classappend="${current == 'category' ? 'is-active' : ''}">Categories</a>
                <a href="" class="navbar-item" th:href="@{/order/allOrders}" th:classappend="${current} == 'order' ? 'is-active' : ''">Orders</a>
<!--                <div class="navbar-item has-dropdown is-hoverable">-->
<!--                    <a class="navbar-link">-->
<!--                        More-->
<!--                    </a>-->

<!--                    <div class="navbar-dropdown">-->
<!--                        <a class="navbar-item">-->
<!--                            About-->
<!--                        </a>-->
<!--                        <a class="navbar-item">-->
<!--                            Jobs-->
<!--                        </a>-->
<!--                        <a class="navbar-item">-->
<!--                            Contact-->
<!--                        </a>-->
<!--                        <hr class="navbar-divider">-->
<!--                        <a class="navbar-item">-->
<!--                            Report an issue-->
<!--                        </a>-->
<!--                    </div>-->
<!--                </div>-->
            </div>

            <div class="navbar-end">
                <div class="navbar-item">
                    <div class="buttons">
                        <a class="button is-primary">
                            <strong>Sign up</strong>
                        </a>
                        <a class="button is-light">
                            Log in
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</nav>
<!--<header id="header">-->
<!--    <div class="form-inline" id="MyMenu">-->
<!--            <div class="navbar-header">-->
<!--                <a class="navbar-brand" href="main">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;JPetstore Manager&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>-->
<!--            </div>-->
<!--            <div style="padding: 10px 100px">-->
<!--                <ul class="nav nav-pills">-->
<!--                    <li class="active">-->
<!--                        <a href="main">-->
<!--                            <span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;Main&nbsp;&nbsp;-->
<!--                        </a>-->
<!--                    </li>-->
<!--                    <li>-->
<!--                        <a href="viewDCart">-->
<!--                            <span class="glyphicon glyphicon-shopping-cart"></span>&nbsp;&nbsp;Order Manager&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                        </a>-->
<!--                    </li>-->
<!--                    <li>-->
<!--                        <a href="viewAccount?msg=Edit">-->
<!--                            <span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;Account Manager&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                        </a>-->
<!--                    </li>-->
<!--                    <li>-->
<!--                        <a href="listOrders">-->
<!--                            <span class="glyphicon glyphicon-usd"></span>&nbsp;&nbsp;Product Manager&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                        </a>-->
<!--                    </li>-->
<!--                    <li>-->
<!--                        <a href="viewLog">-->
<!--                            <span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;Data Visualization&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                        </a>-->
<!--                    </li>-->
<!--                    <li>-->
<!--                        <a href="../help.html">-->
<!--                            <span class="glyphicon glyphicon-wrench"></span>&nbsp;&nbsp;help&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                        </a>-->
<!--                    </li>-->
<!--                </ul>-->
<!--            </div>-->
<!--        </nav>-->
<!--    </div>-->
<!--</header>-->
<style>
    .content {
        padding: 3rem 1.5rem;
        width: 100%;
        display: flex;
    }
    main {
        width: 100%;
    }
</style>
</body>
</html>